<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>myNote</title>
  <link rel="stylesheet" href="css/Normalize.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
        integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="css/cl.css">
</head>
<body>
<div class="layout col-md-12 px-0">
  <div class="catalog" role="tablist">
    <div id="catalog-brand" class="card text-center border-bottom-0">
      <div class="hide-btn" data-toggle="collapse"
          data-target="#item0">...</div>
      <div class="collapse show" id="item0">
      <div class="card-block">
        <img class="card-img-top mb-2" src="img/brand.jpg">
        <h4 class="card-title">Jce's NOTE</h4>
        <div class="progress w-30">
          <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
        </div>
      </div>
      </div>
      <h4 class="blog-title-hook card-title text-hide mb-0">Jce's NOTE</h4>
    </div>
    <div id="accordion">
    <div class="card border-bottom-0">
      <h5 class="card-header"  data-toggle="collapse"
          data-target="#item1">python</h5>
      <div class="collapse show" id="item1" role="tab" data-parent="#accordion" aria-expanded="true">
        <div class="list-group m-0 p-0">
          <a class="link-hoop list-group-item border-0 d-flex justify-content-between flex-nowrap"
             href="page1.html" onclick="conShow();return false;">
            <span class="atc-name">编写模板</span>
            <small class="time17">3月17日</small>
          </a>
          <a class="link-hoop list-group-item border-0 d-flex justify-content-between flex-nowrap"
             href="page2.html" onclick="conShow();return false;">
            <span class="atc-name">叽里咕噜叽里咕噜</span>
            <small class="time17">3月17日</small>
          </a>
        </div>
      </div>
    </div>
    <div class="card border-bottom-0">
      <h5 class="card-header" role="tab" data-toggle="collapse"
          data-target="#item2">Typescript</h5>
      <div class="collapse" id="item2" data-parent="#accordion" aria-expanded="true">
        <div class="list-group m-0 p-0">
          <a class="link-hoop list-group-item border-0 d-flex justify-content-between flex-nowrap"
             href="page3.html" onclick="conShow();return false;">
            <span class="atc-name">来日方长</span>
            <small class="time17">3月18日</small>
          </a>
          <a class="link-hoop list-group-item border-0 d-flex justify-content-between flex-nowrap"
             href="page4.html"  onclick="conShow();return false;">
            <span class="atc-name">来日方长来日方长</span>
            <small class="time17">3月18日</small>
          </a>
        </div>
      </div>
    </div>
    </div>
  </div>
  <div class="bar"></div>
  <div class="content">
    <div id="old-version-entra" class="text-right col-md-12">
      <a href="version-prev/index.html" class="old-entra-hook"><span>旧版入口</span></a>
    </div>
    <div class="mainShow-wrapper"><iframe id="mainShow" src="page1.html" frameborder="0"></iframe></div>
  </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
        integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
        crossorigin="anonymous"></script>
<script type="text/javascript" src="script/cl.js"></script>
</body>
</html>